<template>
  <view class="page flex-col">
    <view class="mod1 flex-col">
      <view class="mod2 flex-col">
        <view class="main2 flex-row justify-between">
          <view class="wrap1 flex-col"></view>
          <view class="wrap2 flex-col"></view>
        </view>
        <view class="main3 flex-row justify-between">
          <text class="word2">开启你的混沌之旅</text>
          <view class="section1 flex-col"></view>
        </view>
        <view class="main4 flex-row">
          <view class="wrap3 flex-col"></view>
          <text class="txt1">艺术IP</text>
          <text class="word3">商业IP</text>
          <text class="word4">查看全部</text>
        </view>
      </view>
      <view class="mod3 flex-col">
        <view class="main5 flex-row">
          <view class="outer4 flex-col"></view>
        </view>
        <view class="main6 flex-row">
          <view class="box1 flex-col justify-between">
            <text class="word5">热门创作者</text>
            <view class="group1 flex-row justify-between">
              <view class="TextGroup1 flex-col justify-between">
                <text class="word6">罗伯特</text>
                <text class="word7">粉丝&nbsp;8.2K</text>
              </view>
              <view class="outer5 flex-col">
                <view class="box2 flex-row">
                  <text class="word8">粉丝&nbsp;6.2K</text>
                  <text class="info1">杰克</text>
                </view>
                <view class="box3 flex-col"></view>
              </view>
            </view>
          </view>
          <view class="box4 flex-col">
            <text class="txt2">查看全部</text>
            <view class="mod4 flex-col"></view>
            <text class="info2">马龙白</text>
            <text class="info3">粉丝&nbsp;5.1K</text>
          </view>
        </view>
        <view class="main7 flex-col">
          <view class="section2 flex-col">
            <view class="box5 flex-row justify-between">
              <view class="mod5 flex-col">
                <view class="layer1 flex-row">
                  <view class="layer1 flex-row justify-between">
                    <view class="wrap4 flex-col"></view>
                    <view class="TextGroup2 flex-col">
                      <text class="txt3">5.0</text>
                    </view>
                  </view>
                </view>
              </view>
              <view class="mod6 flex-col"></view>
            </view>
            <view class="box6 flex-col"></view>
          </view>
        </view>
        <view class="main8 flex-col">
          <view class="bd1 flex-col">
            <view class="mod7 flex-col">
              <view class="mod8 flex-row">
                <view class="mod8 flex-row justify-between">
                  <view class="bd2 flex-col"></view>
                  <view class="TextGroup3 flex-col">
                    <text class="info4">4.6</text>
                  </view>
                </view>
              </view>
            </view>
            <view class="mod9 flex-col"></view>
          </view>
        </view>
        <view class="main9 flex-col"></view>
        <view class="main10 flex-col"></view>
        <text class="word9">莱昂纳多</text>
        <text class="txt4">粉丝&nbsp;7.2K</text>
      </view>
      <view class="mod10 flex-col"></view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
